  /* @import url("//at.alicdn.com/t/c/font_3749766_emz3wti3b74.css"); */

  html,
  body,
  div,
  span,
  applet,
  object,
  iframe,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  strong,
  sub,
  sup,
  tt,
  var,
  b,
  u,
  i,
  center,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td,
  article,
  aside,
  canvas,
  details,
  embed,
  figure,
  figcaption,
  footer,
  header,
  hgroup,
  menu,
  nav,
  output,
  ruby,
  section,
  summary,
  time,
  mark,
  audio,
  video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
  }

  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section {
    display: block
  }

  body {
    line-height: 1
  }

  ol,
  ul {
    list-style: none
  }

  blockquote,
  q {
    quotes: none
  }

  blockquote:before,
  blockquote:after,
  q:before,
  q:after {
    content: '';
    content: none
  }

  table {
    border-collapse: collapse;
    border-spacing: 0
  }

  button {
    cursor: pointer
  }

  .button_margin {
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: #fff
  }

  .button_check {
    color: rgba(250, 250, 250, 1);
    background-color: #000
  }

  .font-size42 {
    font-size: 34px;
    font-weight: 600;
    color: var(--font-color);
    font-family: alibabapuhuitiBold;
    line-height: 1.35
  }

  .font-size28 {
    font-size: 28px
  }

  .dislay_style {
    display: flex
  }

  .s_flex {
    display: flex
  }

  .text_space_between {
    justify-content: space-between;
    align-items: center
  }

  .apply_div {
    border: solid 1px #333;
    padding: 24px 0 35px 16px;
    margin-right: 25px
  }

  .apply_div:hover {
    background-color: #292a29;
    color: #fff
  }

  .apply_div span {
    line-height: 20px
  }

  .apply_button {
    margin-top: 35px;
    width: 140px;
    height: 46px;
    border-radius: 20px;
    background-color: #292a29;
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: solid 1px
  }

  .apply_button:hover {
    border: 1px solid #fff
  }

  .apply_content_pad {
    margin-top: 18px
  }

  .apply_div_pad {
    padding-bottom: 10px
  }

  .del_file_icon {
    cursor: pointer;
    font-size: 20px
  }

  .sm_hide {
    display: block
  }

  .lg_hide {
    display: none
  }

  .lg_flex {
    display: flex;
    height: 100%;
  }

  .video_width {
    width: auto
  }


  .container {
    max-width: 1200px !important;
    padding: 0;
  }

  .container-banner {
    max-width: 1200px !important;
    padding: 0;
    margin: 0 auto;
  }

  .menuItem {
    /* position: relative; */
  }

  .dropdownBox {
    background: #fff;
    width: 100%;
    height: 250px;
    position: absolute;
    left: 0;
    top: 60px;
    padding: 25px;
    transform: translateY(-400px);
    z-index: 99;
    color: initial;
  }

  .dropdownBox .dropdownItem {
    display: flex;
    line-height: 50px;
  }

  .dropdownBox .dropdownItem .dropdownItem_ {
    margin-right: 10px;
    box-sizing: border-box;
    border-bottom: 2px solid #ffffff;
    color: var(--mao-black);
  }

  .dropdownBox .dropdownItem .dropdownItem_:hover {
    color: var(--mao-green) !important;
    border-bottom: 2px solid var(--mao-green);
  }

  .dropdownBox .si-more {
    line-height: 50px;
    color: #0d3989 !important;
  }

  .menuList:hover .dropdownBox {
    transform: translateY(0);
  }

  .banner img {
    width: 100%;
    height: 362.5px;
  }

  /* .arrow-down {
    position: absolute;
      height: 20px;
      top: 50%;
      right: -18px;
      transform: translateY(-50%);
  }

  .arrow-down::after {
    content: "";
    position: absolute;
    top: 6px;
    right: 8px;
    width: 6px;
    height: 6px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    transform: rotate(45deg);
  }
  .arrow-down:hover::after{
    top: 8px;
  } */
  .newBox_1 .newTitle {
    margin-bottom: 1.5rem;
  }

  .newBox_1 .newTitle .text_l {
    font-weight: bold;
    font-size: 36px;
    color: #1d252c;
  }

  .newBox_1 .newTitle .text_r a {
    color: var(--mao-blue-heavy);
    cursor: pointer;
  }

  .newBox_1 .newTitle .text_r a:hover {
    color: var(--mao-green);
  }

  .si-img-box {
    height: 188px;
  }

  .si-img-box img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }

  .mao-btn {
    border: 1px solid var(--mao-green);
    color: var(--mao-green) !important;
    padding: 3px 25px;
    border-radius: 15px;
    font-size: 14px;
    display: inline-block;
    transition: all .3s ease-in-out;
    cursor: pointer;
  }

  .mao-btn:hover {
    background: var(--mao-green);
    color: var(--mao-white) !important;
  }

  .mao-mb-small {
    margin-bottom: 1.5rem;
  }

  a:hover {
    color: var(--mao-green) !important;
    cursor: pointer;
  }

  .mao-line-3 {
    max-height: 90px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  .mao-line-3Box {
    height: 310px;
  }
  .mao-line-3-box-btn {
    height: 270px
  }

  .si-content {
    padding: 15px 10px;
    /* height: 310px; */
  }

  .mao-bg {
    background: var(--mao-white);
  }

  .mao-small-title {
    font-weight: bold;
    font-size: 20px;
    color: var(--mao-black-heavy);
  }

  .mao-block {
    display: block;
  }

  .mao-small-title span {
    /* color: var(--mao-green); */
  }

  .mao-aux-word {
    font-size: 18px;
    color: var(--mao-black);
  }

  .mao-avatar-box {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-between;
  }

  .mao-avatar-box .mao-avatar {
    display: flex;
    align-items: center;
  }

  .mao-avatar-box .mao-avatar img {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    margin-right: 5px;
    object-fit: cover;
  }

  .mao-line-2 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .maocontentU .si-content .mao-line-2 {
    height: 59px;
    overflow: hidden;
  }

  .mao-word-second {
    font-size: 18px;
    color: var(--mao-black-light);
  }

  .maocontentU .si-img-box {
    position: relative;
    overflow: hidden;
    display: block;
  }

  .ji-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    opacity: 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease-in-out;
  }

  .maocontentU .si-img-box:hover .ji-mask {
    opacity: 1;
  }

  .maocontentU .si-img-box:hover .ji-img {
    transform: scale(1.05);
  }

  .maocontentU .si-img-box .ji-img {
    transition: all .3s ease-in-out;
  }

  .maomodel-footer-desc img {
    max-width: 150px;
    height: auto;
  }

  .mao-word {
    font-size: 18px;
    color: var(--mao-black);
  }

  .mao-mt-small {
    margin-top: 1.5rem;
  }

  .maomodel-footer-link ul {
    list-style: none;
    padding: 0;
  }

  .maomodel-footer-link ul li {
    width: 49.5%;
    display: inline-block;
    float: left;
    margin-bottom: 10px;
  }

  .mao-btn-fang {
    background: var(--mao-blue);
    color: var(--mao-white);
    cursor: pointer;
  }

  .maomodel-footer-contact .mao-btn-fang {
    padding: 10px 30px;
  }

  .maomodel-footer-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
    border-top: 1px solid var(--mao-black-light);
    padding-top: 1rem;
    margin-top: 1rem;
  }

  .maomodel-footer-info .si-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
  }

  .maomodel-footer-info .si-info p {
    margin: 0;
    font-size: 16px;
  }

  .maomodel-footer-info .si-social a {
    /* padding: 0 3px; */
  }

  .maomodel-footer-info .si-social a img {
    width: 30px;
  }

  .maocontent {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: center;
  }

  .maocontent .si-img-box1 {
    overflow: hidden;
    /* width: 350%; */
    flex: 1;
  }
  .maocontent .si-img-box1 img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }

  .maocontent .mao-css-model-bg {
    padding-left: 70%;
    transition: all .3s ease-in-out;
    width: 100%;
    height: 100%;
  }

  .maocontent .mao-css-model-bg:hover {
    transform: scale(1.05);
  }

  .maocontent .maopc {
    padding: 1.5rem;
  }

  .maomodel-product-posts .maocontent {
    display: flex;
  }

  .maomodel-product-posts .maocontent .si-left {
    width: 50%;
    margin-right: 10px;
    height: 426px;
  }
  .maomodel-product-posts .maocontent .si-left .si-bg, .maomodel-product-posts .maocontent .si-right .ji-top .si-bg, .maomodel-product-posts .maocontent .si-right .ji-bottom .ji-left .si-bg, .maomodel-product-posts .maocontent .si-right .ji-bottom .ji-right .si-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .3s ease-in-out;
    object-fit: cover;
  }
  .maomodel-mcontent .maocontentU .si-img-box:hover .ji-img {
    transform: scale(1.05);
  }
  .maomodel-mcontent .maocontentU .si-img-box:hover .ji-mask {
    opacity: 1;
  }
  .maomodel-product-posts .maocontent .si-left:hover .si-bg, .maomodel-product-posts .maocontent .si-right .ji-top:hover .si-bg, .maomodel-product-posts .maocontent .si-right .ji-bottom .ji-left:hover .si-bg, .maomodel-product-posts .maocontent .si-right .ji-bottom .ji-right:hover .si-bg {
    transform: scale(1.05);

  }
  .maomodel-product-posts .maocontent .si-bg-c .mao-avatar-box a, .maomodel-product-posts .maocontent .si-bg-c .mao-avatar-box span, .maomodel-product-posts .maocontent .si-bg-c .si-desc {
    color: var(--mao-white);
  }
  .maomodel-product-posts .maocontent .si-bg-inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
  }

  .maomodel-product-posts .maocontent .si-bg-inner>a {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }

  .maomodel-product-posts .maocontent .si-bg-c {
    position: absolute;
    bottom: 0;
    padding: 0 15px;
    width: 100%;
  }

  .maomodel-product-posts .maocontent .mao-mb-small {
    margin-bottom: 1rem;
  }

  .maomodel-product-posts .maocontent .si-left,
  .maomodel-product-posts .maocontent .si-right .ji-top,
  .maomodel-product-posts .maocontent .si-right .ji-bottom .ji-left,
  .maomodel-product-posts .maocontent .si-right .ji-bottom .ji-right {
    position: relative;
    overflow: hidden;
  }

  .maomodel-product-posts .maocontent .si-right {
    display: flex;
    flex-direction: column;
    width: 50%;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
  }

  .maomodel-product-posts .maocontent .si-right .ji-top {
    margin-bottom: 10px;
    height: 208px;
    width: 100%;
  }

  .maomodel-product-posts .maocontent .si-right .ji-bottom {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
  }

  .maomodel-product-posts .maocontent .si-right .ji-bottom .ji-left {
    margin-right: 10px;
    height: 208px;
    width: 100%;
  }

  .maomodel-product-posts .maocontent .si-right .ji-bottom .ji-right {
    height: 208px;
    width: 100%;
  }

  .nomb .si-img-box {
    height: 288px;
  }

  .maopc .mao-left-right .maocontentU {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    align-content: space-between;
    flex-direction: row;
    padding: 10px;
    background: #fff;
    margin-bottom: 12px;
  }

  .mao-left-right .maocontentU .si-img-box {
    width: 100%;
    height: 100%;
  }

  .maopc .mao-left-right .maocontentU .si-img-box {
    position: relative;
    overflow: hidden;
    display: block;
  }

  .maopc .mao-left-right .maocontentU .si-img-box .ji-img {
    /* width: 100%;
    padding-top: 70%; */
  }
  .maopc .mao-left-right .maocontentU .si-img-box:hover .ji-mask {
    opacity: 1;
  }
  .maopc .maocontentU .si-img-box .ji-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    /* padding-top: 50%; */
    transition: all .3s ease-in-out;
  }

  .maopc .maocontentU .si-img-box .ji-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    opacity: 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease-in-out;
  }

  .maopc .mao-left-right .maocontentU .si-content {
    padding: 0;
    margin-left: 15px;
    width: 135%;
  }

  .maopc .mao-left-right .maocontentU .si-content .mao-small-title {
    /* display: inline-block; */
  }

  .maopc .mao-left-right .maocontentU .si-content .mao-avatar-box {
    margin-bottom: 0;
  }

  .maomodel-email .maocontent {
    /* height: 288px;  */
    background: var(--mao-blue-heavy);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: var(--mao-white);
    text-align: center;
    padding: 50px 0;
  }

  .maomodel-email .hs-richtext h2 {
    font-weight: bold;
    font-size: 36px;
    color: var(--mao-white);
  }

  .maomodel-email .hs_email,
  .maomodel-slide-email .hs_email {
    margin: 2rem 0;
  }

  .maomodel-email input[name="email"] {
    background-color: #fff;
    width: 90%;
    height: 42px;
    border: 1px solid var(--mao-white);
    color: var(--mao-black);
  }

  .maomodel-search input[name="s"]::placeholder {
    color: var(--mao-black) !important;
  }

  .maomodel-email input[name="email"]::placeholder {
    color: var(--mao-black) !important;
  }

  .maomodel-email input[name="email"]::-webkit-input-placeholder {
    color: var(--mao-black) !important;
  }

  .maomodel-email input[name="email"]::-moz-placeholder {
    color: var(--mao-black) !important;
  }

  .maomodel-email input[name="email"]:-ms-input-placeholder {
    color: var(--mao-black) !important;
  }

  .maomodel-email .maocontent input[type="submit"] {
    width: 250px;
    padding: 8px 35px;
  }


  .maomodel-slide-email a,
  .maomodel-email input[type="submit"],
  .maomodel-slide-email input[type="submit"] {
    padding: 8px 35px;
    background: var(--mao-bg);
    color: var(--mao-green);
    display: inline-block;
  }

  .maomodel-email input[type="submit"] {
    background: var(--mao-green);
    color: var(--mao-white);
  }

  .maomodel-email input[type="submit"],
  .maomodel-slide-email input[type="submit"] {
    border: 0;
  }

  .maomodel-slide-post {
    padding: 0 15px 15px;
  }

  .maomodel-slide-post .si-post .ji-post {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
  }

  .maomodel-slide-post .si-post .ji-post .s-img-box {
    position: relative;
    display: block;
    overflow: hidden;
  }

  .maomodel-slide-post .si-post .ji-post .s-img-box .s-img {
    transition: all .3s ease-in-out;
  }

  .maomodel-slide-post .si-post .ji-post .s-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 120px;
    width: 120px;
    object-fit: cover;
  }
  .maomodel-slide-post .si-post .ji-post .s-img-box:hover .ji-mask {
    opacity: 1;
  }

  .maomodel-slide-post .si-post .ji-post .s-img-box .ji-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .4);
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mao-white);
    transition: all .3s ease-in-out;
  }

  .maomodel-slide-post .si-post .ji-post .s-info {
    width: calc(100% - 140px);
  }

  .maomodel-slide-post .si-post .ji-post .mao-mb-small {
    margin-bottom: 1rem;
  }

  .maomodel-slide-post .si-post .ji-post .si-desc {
    line-height: 25px;
    height: 75px;
    overflow: hidden;
    color: var(--mao-black-heavy);
  }

  .maomodel-slide-email {
    background: var(--mao-green);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 20px;
  }

  .maomodel-slide-email h4,
  .maomodel-slide-email .hs-richtext h2 {
    color: var(--mao-white);
    font-size: 20px;
    font-weight: bold;
  }

  .maomodel-email .hs_email2 input[name="email"],
  .maomodel-slide-email input[name="email"] {
    width: 100%;
    padding: 8px 15px;
    background: #7C8F23;
    border: 1px solid var(--mao-white);
  }

  .maomodel-email input[type="submit"],
  .maomodel-slide-email input[type="submit"] {
    border: 0;
  }

  .maomodel-slide-email a,
  .maomodel-email .rigthBtn input[type="submit"],
  .maomodel-slide-email input[type="submit"] {
    padding: 8px 35px;
    background: var(--mao-bg);
    color: var(--mao-green);
    display: inline-block;
  }

  [type=button]:not(:disabled),
  [type=reset]:not(:disabled),
  [type=submit]:not(:disabled),
  button:not(:disabled) {
    cursor: pointer;
  }

  .mao-mb {
    margin-bottom: 3rem;
  }

  .mao-mt {
    margin-top: 3rem;
  }

  .maomodel-slide-search .ji-search {
    position: relative;
  }

  .maomodel-slide-search .ji-search input {
    width: 100%;
    padding: 10px;
    border: 0;
  }

  .maomodel-slide-search .ji-search input::placeholder {
    color: var(--mao-black) !important;
  }

  .maomodel-slide-search .ji-search button {
    padding: 5px 15px;
    position: absolute;
    right: 6px;
    top: 6px;
    border: 0;
  }

  .maomodel-slide-search .ji-search button img {
    width: 18px;
  }

  .maomodel-main .maomodel-last-posts .maocontent .si-2 {
    position: relative;
    overflow: hidden;
    width: 100%;
  }

  .maomodel-main .maomodel-last-posts .maocontent .si-2:hover .si-bg {
    transform: scale(1.05);
  }

  .maomodel-main .maomodel-last-posts .maocontent .si-2 .si-bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 426px;
    transition: all .3s ease-in-out;
    display: block;
    width: 100%;
    object-fit: cover;
  }

  .maomodel-main .maomodel-last-posts .maocontent .si-2 .si-bg-inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
  }

  .maomodel-main .maomodel-last-posts .maocontent .si-2 .si-bg-inner>a {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }

  .maomodel-main .maomodel-last-posts .maocontent .si-2 .si-bg-inner .si-bg-c {
    position: absolute;
    bottom: 0;
    padding: 0 15px;
    width: 100%;
  }

  .maomodel-main .maomodel-last-posts .maocontent .si-2 .si-bg-inner .si-bg-c a,
  .maomodel-main .maomodel-last-posts .maocontent .si-2 .si-bg-inner .si-bg-c span,
  .maomodel-main .maomodel-last-posts .maocontent .si-2 .si-bg-inner .si-bg-c h2 {
    color: var(--mao-white);
  }
  .maomodel-main .maomodel-last-posts .maocontent .si-2 .si-bg-inner .si-bg-c img {
    width: 30px;
    height: 30px;
    object-fit: cover;
    border-radius: 100%;
    margin-right: 5px;
  }

  .maomodel-search .maocontent1 {
    position: relative;
  }

  .maomodel-search .maocontent1 input {
    width: 100%;
    padding: 10px;
    border: 1px solid var(--mao-black-light2);
  }

  .maomodel-search .maocontent1 .mao-btn-fang {
    padding: 5px 15px;
    position: absolute;
    right: 10px;
    top: 6px;
    border: 0;
  }

  .maomodel-search .maocontent1 .mao-btn-fang img {
    width: 20px;
  }

  .maomodel-mcontent .maocontentU {
    margin-bottom: 1.5rem;
  }

  .mao-big-title {
    font-weight: bold;
    font-size: 36px;
    color: var(--mao-black-heavy);
  }

  .maomodel-main .si-left .ji-meta {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--mao-black-light2);
    padding-bottom: 2rem;
  }

  .maomodel-main .si-left .ji-meta .s-time span:last-child {
    margin-left: 10px;
  }

  .maomodel-main .si-left .ji-meta .s-social a {
    padding: 0 3px;
  }

  .maomodel-main .si-left .ji-meta .s-social a img {
    width: 30px;
  }

  .maomodel-main .si-left .ji-tag span,
  .maomodel-main .si-left .ji-cat span {
    color: var(--mao-green);
  }

  .maomodel-main .si-left .ji-tag>*,
  .maomodel-main .si-left .ji-cat>* {
    margin: 8px;
  }

  .maomodel-main .si-left .ji-tag>a,
  .maomodel-main .si-left .ji-cat>a {
    border-bottom: 1px solid #f7f8fa;
  }
  .maomodel-main .si-left .ji-tag>a h3  ,
  .maomodel-main .si-left .ji-cat>a h3 {
    font-size: 16px;
    display: inline-block;
  }

  .maomodel-main .si-left .ji-tag>a:hover,
  .maomodel-main .si-left .ji-cat>a:hover {
    border-bottom: 1px solid var(--mao-green);
  }

  .maomodel-slide-anthor ul {
    background: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 15px;
    padding-left: 2rem;
    list-style: initial;
  }

  .maomodel-slide-anthor.maomodel-slide-anthor-m ul li,
  .maomodel-slide-anthor ul li {
    margin-bottom: 10px;
  }

  .maomodel-slide-anthor.maomodel-slide-anthor-m ul li a.active,
  .maomodel-slide-anthor ul li a.active {
    border-bottom: 1px solid var(--mao-blue);
    color: var(--mao-blue) !important;
  }

  .maomodel-slide-anthor.maomodel-slide-anthor-m ul li a,
  .maomodel-slide-anthor ul li a {
    font-size: 16px;
  }

  .Ceiling {
    width: 376px;
    position: relative;
    top: 0;
    bottom: auto;
  }

  .Ceiling2 {
    width: 376px;
    position: fixed;
    top: 0;
    bottom: auto;
  }

  .maomodel-main .si-left .ji-tag {
    padding-bottom: 2rem;
    border-bottom: 1px solid var(--mao-black-light2);
  }

  .mao-single img {
    width: 100%;
  }

  .maomobile {
    display: none;
  }

  .maomodel-mcontent .maomcontent {
    padding: 0px 10px 10px;
  }
  .maomobile .si-img-box .ji-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 50%;
    transition: all .3s ease-in-out;
  }
  .maomodel-mcontent .maomcontent .si-list:first-child {
    border-top: 1px solid var(--mao-black-light);
  }

  .maomodel-mcontent .maomcontent .si-list {
    padding-top: 30px;
    display: flex;
  }

  .maomodel-mcontent .maomcontent .si-list .ji-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-left: 30%;
    background-color: #e6e6e6;
  }

  .maomodel-mcontent .maomcontent .si-list .ji-meta {
    padding: 10px 25px;
  }

  .maopc_xl {
    display: none;
  }

  .arrow {
    transform: rotate(90deg);
    display: inline-block;
  }

  .maomodel-topsingle .maocontent .maopc,
  .maomodel-topsingle .maocontent .maomobile {
    padding: 1.5rem;
  }

  .maomodel-topsingle .maocontent .maomobile .si-header {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
  }

  .mao-btn-small,
  a.mao-btn-small {
    color: var(--mao-blue-heavy);
  }

  .mao-avatar-box .mao-avatar img {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    margin-right: 5px;
    object-fit: cover;
  }

  .mao-mb-small a {
    color: var(--mao-black);
  }
  .maomodel-slide-post .si-post .ji-post .s-img-box:hover .s-img {
    transform: scale(1.05);
  }

  .ji-cat a {
    color: var(--mao-black);
  }

  .mao-btn-fang:hover {
    color: var(--mao-white) !important;
    background: #0646e7;
  }

  .maomodel-topsingle .maocontent .si-more {
    margin: 3rem 0 2rem;
    display: block;
  }
  .maomodel-mcontent .maomcontent .si-list .ji-meta .si-desc {
    line-height: 25px;
  }
  .mao-small-title a {
    color: var(--mao-black-heavy);
  }
  .ji-author-posts  {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(1.5rem * .5);
    padding-left: calc(1.5rem * .5);
    margin-top: 1.5rem;
  }
  .ji-author-posts .ji-author-post {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
  }
  .mao-padding {
    padding: 15px;
  }
  .ji-author-posts .ji-author-post .s-img-box .j-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.4);
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mao-white);
    transition: all .3s ease-in-out;
  }
  .ji-author-posts .ji-author-post .s-img-box {
    height: 180px;
    position: relative;
    display: block;
    overflow: hidden;
    flex: 1;
  }
  .ji-author-posts .ji-author-post .s-meta {
    margin-left: 15px;
    width: 59%;
  }
  .ji-author-posts .ji-author-post .s-img-box .j-img {
    padding-top: 60%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .3s ease-in-out;
  }
  .ji-author-posts .ji-author-post .s-meta .mao-mb-small {
    margin-bottom: 1rem;
  }
  .ji-author-posts .ji-author-post .s-meta .mao-line-3 {
    height: 90px;
    overflow: hidden;
  }
  .ji-author-posts .ji-author-post .s-meta .mao-mb-small {
    margin-bottom: 1rem;
  }
  .ji-author-posts .ji-author-post .s-img-box:hover .j-img {
    transform: scale(1.05);
  }
  .ji-author-posts .ji-author-post .s-img-box:hover .j-mask {
    opacity: 1;
  }
  .maomodel-main .ji-author-meta {
    padding: 15px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
  }
  .maomodel-main .ji-author-meta img {
    width: 150px;
    height: 150px;
    margin-right: 5px;
  }
  .maomodel-taglist .s-list, .maomodel-nav .maocontent .si-nav .ji-topics .shu-content .s-list {
    line-height: 50px;
  }
  .maomodel-taglist .s-list a, .maomodel-nav .maocontent .si-nav .ji-topics .shu-content .s-list a {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    color: var(--mao-black);
    padding: 0 8px;
    position: relative;
  }
  .hs_recaptcha {
    display: none;
  }
  .hs_error_rollup {
    display: none;
  }
  .maomodel-main .ji-author-meta.ji-author-page {
    align-items: flex-start;
    justify-content: initial;
  }
  .maomodel-main .mao-single-box .ji-author-meta {
    background: var(--mao-white);
  }
  .maomodel-main .ji-author-meta .s-a-box {
    margin-left: 25px;
  }
  .paginationBox{ 
    display: flex;
    justify-content: flex-end;
  }
  .maomodel-main .ji-posts-prev-next {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start;
  }
  .maomodel-main .ji-posts-prev-next .s-next {
    width: 100%;
    margin-left: 5px;
    text-align: right;
  }
  .maomodel-main .ji-posts-prev-next > div > a:first-child {
    color: var(--mao-black);
  }
  .maomodel-main .ji-posts-prev-next a {
    color: var(--mao-green);
  }
  .maomodel-main .ji-posts-prev-next .s-prev {
    width: 100%;
    margin-right: 5px;
  }
  .maomodel-main .ji-posts-prev-next > div > a:first-child {
    color: var(--mao-black);
  }
  @media(max-width:1360px) {
    .sm_hide {
      display: block;
      overflow: hidden
    }
  }

  @media (max-width: 992px) {
    .mao-line-3Box {
      height: initial;
    }
    .serachPageList {
      padding: 0 15px;
    }
    .Ceiling {
      width: 100%;
    }
    .ji-author-posts .ji-author-post .s-meta {
      margin-left: 0;
    width: 100%;
    padding: 15px 10px;
    }
    .ji-author-posts .ji-author-post {
      flex-direction: column;
      align-items: initial;
    }
    .maomodel-main .ji-author-meta > div {
      text-align: center;
    margin-left: 0 !important;
    margin-top: 1rem;
    }
    .mao-mb {
      margin-bottom: 1.5rem;
    }
    .maomodel-main .ji-author-meta {
      flex-direction: column;
    flex-wrap: nowrap;
    align-items: center !important;
    }
    
    .maomodel-footer-contact .si-social.maomobile {
      display: flex;
      justify-content: space-evenly;
      align-items: center;
    }

    .maomodel-footer-contact .si-social.maomobile a img {
      width: 30px;
    }

    .maomodel-footer-contact .mao-btn-fang {
      width: 100%;
      display: inline-block;
      text-align: center;
      padding: 15px 0;
    }

    .maomodel-email .hs-richtext h2 {
      font-size: 24px;
    }

    .maomodel-slide-anthor.maomodel-slide-anthor-m h4,
    .maomodel-slide-anthor.maomodel-slide-anthor-m ul li a.mao-word-second {
      color: var(--mao-blue);
    }

    .header-menu-icon {
      display: block !important;

    }

    .header-menu-view {
      /* display: none !important; */
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 10006;
      display: none;
      opacity: 0;
    }

    .maomodel-main .si-left .ji-meta .s-social {
      margin-top: 1rem;
    }

    .maomodel-main .si-left .ji-meta {
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
    }

    .mao-big-title {
      font-weight: bold;
      font-size: 24px;
      color: var(--mao-black-heavy);
    }

    .nomb .si-img-box {
      height: 178px;
    }

    .maomodel-mcontent .maocontentU .si-img-box .ji-img {
      height: 178px;
    }

    .mao-small-title {
      font-weight: bold;
      font-size: 18px;
      color: var(--mao-black-heavy);
    }
    

    .maomodel-topsingle .maocontent {
      flex-direction: column;
    }

    .arrow {
      transform: rotate(0deg);
      display: inline-block;
    }

    .header-menu-view ul li a {
      display: flex;
      justify-content: space-between;
      line-height: 60px;
    }

    .header-menu-view ul li {
      display: inline-block;
      font-size: 16px;
      margin: 0 !important;
      color: var(--font-color)
    }

    .header-menu-view .nav_active a {
      color: var(--mao-black) !important;
    }

    .nav_active {
      border-bottom: 2px solid rgba(255, 255, 255, 0) !important;
    }

    .dropdownBox {
      display: none;
    }

    .maomodel-topsingle .maocontent .si-img-box {
      height: 178px;
      width: auto;
    }

    .maopc_xl {
      display: block;
    }

    .header-menu {
      width: 13px;
      height: 13px;
      margin: 0 !important;
    }

    .search {
      height: 100%;
      line-height: 60px;
      padding: 0 !important;
    }

    .mao-aux-word {
      font-size: 16px;
      color: var(--mao-black);
    }

    .maomodel-topsingle .maocontent {
      flex-direction: column;
    }

    .maomodel-mcontent .maomcontent .si-list .ji-meta {
      padding: 0 15px;
    }

    .maomodel-mcontent .maomcontent .si-list .ji-meta .si-desc {
      margin-bottom: 0;
      height: 100px;
      overflow: hidden;
    -webkit-line-clamp: 4;
    /* line-height: 25px; */
    }

    .maomobile {
      display: block;
    }

    .maocontent .si-img-box1 {
      height: 178px;
      width: auto;
    }

    .newBox_1 .newTitle {
      margin-bottom: 0.75rem;
    }
    .maocontent .si-img-box1 img {
      height: 100%;
      width: 100%;
      object-fit: cover;
    }

    .maopc {
      display: none !important;
    }

    .newBox_1 .newTitle .text_l {
      font-weight: bold;
      font-size: 24px;
      color: var(--mao-black-heavy);
    }

    .moduleItem {
      margin-top: 1.5rem !important;
    }

    .si-img-box {
      height: 178px;
    }

    .mao-mb-small {
      margin-bottom: 0.75rem;
    }

    .mao-small-title {
      height: auto;
      margin-bottom: 0.75rem;
    }
  }

  @media(max-width:768px) {
    .container {
      overflow: hidden;
      padding: 0 12px;
    }

    .container-banner {
      overflow: hidden;
      margin-top: 0 !important;
    }

    .container-banner img {
      height: 428px;
    }

    .apply_div {
      margin-bottom: 20px
    }

    .header-menu-view {
      /* display: none !important; */
    }

    .dislay_style {
      display: block
    }

    .sm_hide {
      display: none !important
    }

    .lg_hide {
      display: block
    }

    .lg_flex {
      display: block
    }

    .header-logo {
      /* position: absolute; */
      top: 16px
    }

    .video_width {
      width: 100%
    }
  }

  @media(max-width: 425px) {
    .container-banner img {
      height: 214px;
    }
  }